/* 
    普通样式
*/
.screen-all {
    width: 100%;
    height: 100%;
}
.width-all {
    width: 100%;
}
.overflow-hidden {
    overflow: hidden;
}

/* 
    flex 布局
*/
.flex {
    display: flex;
    flex-direction: column;
}
.row {
    flex-direction: row;
}
.center {
    justify-content: center;
    align-items: center;
}
.aCenter {
    align-items: center;
}
.jCenter {
    justify-content: center;
}
.aEnd {
    align-items: flex-end;
}
.jEnd {
    justify-content: flex-end;
}
.wrap {
    flex-wrap: wrap;
}
.flex-1 {
    flex: 1;
    -webkit-box-flex:1;
}

.line-1 {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
}
.line-2 {
    display: -webkit-box;
    display: -moz-box;
    white-space: pre-wrap;
    word-wrap: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:2;   /*显示行数*/
}
.line-3 {
    display: -webkit-box;
    display: -moz-box;
    white-space: pre-wrap;
    word-wrap: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:3;   /*显示行数*/
}

.shadow {
    box-shadow: 1rpx 3rpx 7rpx 5rpx #DFDFDF;
}

/* 列表相关 */
.flex-list-view {
    flex: 1;
    overflow: hidden;
    position: relative;
}